@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
ul,li{ list-style:none;}
a{ color:#333; text-decoration:none;}
a img{ border:0px;}
.clear{ clear:both;}
body{font-size:12px; font-family:"微软雅黑"; color:#333;}

.index_kuang{width: 1200px; margin: 0 auto;}

.header{width: 100%;height: 228px;}
.header_top{width: 100%; height: 40px;  color: #fff; line-height: 40px; background: url(../images/headertop.jpg) no-repeat center;}
.header_top .left{float: left;}
.header_top .right{float: right;}
.header_top .right a{color: #fff;}
.header_top .right span{opacity: 0.5;}
.header_top .right a.a1{float: left;width: 64px; height: 26px; border-radius: 13px; margin-top: 8px; text-align: center; line-height: 24px; background: #7f1616;}
.header_top .right a.a2{margin:0 10px;}
.header_cer{width: 100%; height: 136px;}
.header_cer .logo{float: left; margin-top: 35px;}
.header_cer .search{width: 420px; height: 40px; border: solid 2px #de1d1d; float: left; margin-left: 76px; margin-top: 45px;}
.header_cer .search #divselect{float: left; position:relative; width: 63px; border-right: solid 1px #e2e2e2; height: 26px; margin-top: 7px;}
.header_cer .search #divselect cite{width:42px; line-height:26px; display:block; cursor:pointer; font-style:normal; height:26px; background:url(../images/icon3.png) no-repeat right;white-space:nowrap; overflow:hidden; font-size: 14px; padding-left: 10px;}
.header_cer .search #divselect cite.shang{background:url(../images/icon4.png) no-repeat right;}
.header_cer .search #divselect ul{ border:1px solid #f4f4f4; border-bottom: 0; background-color:#fff; position:absolute; z-index:20000; margin-top:-1px; display:none; white-space:nowrap; width: 100%;}
.header_cer .search #divselect ul li{height:26px; line-height:26px; border-bottom: solid 1px #f4f4f4; text-align: center; font-size: 14px;}
.header_cer .search #divselect ul li a{display:block; height:26px; color:#727171; text-decoration:none;}
.header_cer .search #divselect ul li a:hover{background-color:#fff;color:#e30000;}
.header_cer .search .text{width: 242px; padding: 0 10px; height: 40px; border: 0;outline: none; font-size: 14px; float: left;}
.header_cer .search .button{width: 94px; height: 40px; cursor: pointer; background: #de1d1d; font-size: 16px; color: #fff; float: left; border: 0;}
.header_cer .search .button img{width: 17px; height: 17px; vertical-align: middle; position: relative; top: -2px;}
.header_cer .phone{float: right; background: url(../images/icon5.png) no-repeat; height: 35px; padding-left: 50px; margin-top: 50px;}
.header_cer dt{font-size: 18px; font-weight: bold; color: #c31212; line-height: 22px; margin-top: -3px;}
.header_cer dd{color: #999;}
.header_bottom{width: 100%; height: 52px; background: url(../images/headerbottom.jpg) no-repeat center; color: #fff; line-height: 50px;}
.header_bottom .nav{float: left; height: 50px;}
.header_bottom .nav a{float: left; line-height: 50px; border-left: solid 1px #a71a1a; font-size: 16px; color: #fff; padding: 0 30px;}
.header_bottom .nav img{position: relative; top: 6px;}
.header_bottom .nav a:first-child img{top: 5px;}
.header_bottom .QRcode{float: right; font-size: 16px; color: #fff; background: url(../images/icon1.png) no-repeat 0px; padding-left: 30px;}

.footer{width: 100%; height: 274px; border-top: solid 4px #a71a1a; background: #c31212;}
.footer_top{width: 100%; height:238px; color: #fff;}
.footer_top .left{float: left; margin-top: 30px; margin-right: 15px;}
.footer_top .left img{width: 198px; height: 66px; display: block; padding-bottom: 10px;}
.footer_top .left p{opacity: 0.5; line-height: 20px; }
.footer_top .ewm{float: left; margin-left: 40px; text-align: center; margin-top: 62px;}
.footer_top .ewm img{width: 85px; height: 85px; display: block; margin-bottom: 5px;}
.footer_top .ewm label{opacity: 0.5;}
.footer_top .right{float: right; margin-top: 82px;}
.footer_top .right dt{background: url(../images/icon6.png) no-repeat 0px; padding-left: 36px; font-size: 30px; font-weight: bold;}
.footer_top .right dd{opacity: 0.5;padding-left: 36px; margin-top: 5px;}
.footer_bottom{width: 100%; height:35px; border-top: solid 1px #a71a1a;}
.footer_bottom .index_kuang{opacity: 0.5; color: #fff; text-align: center; line-height: 35px;}

.main{width: 100%; background: url(../images/mainbg.jpg) no-repeat bottom center;}

.index_banner{width: 100%; padding: 20px 0; height: 450px; background: url(../images/bannerbg.jpg) repeat-x;}
.index_banner .index_kuang{height: 450px; position: relative;}
.index_banner .gallery-top {width: 100%;height: 450px; border-radius: 10px 10px 0 0; overflow: hidden;}
.index_banner .gallery-top a{display: block;width: 100%;height: 450px;}
.index_banner .gallery-top em{background: url(../images/icon7.png) no-repeat; width: 126px; height: 87px; display: block; position: absolute; left: 0; top: 0;}
.index_banner .gallery-top .swiper-slide {background-size: cover;background-position: center;}
.index_banner .gallery-thumbs{ height: 116px; z-index: 1; width: 100%; position: absolute; bottom: 0; background: rgba(0,0,0,0.5);}
.index_banner .gallery-thumbs dl{float: left; width: 520px; margin-left: 18px;color: #fff; line-height: 24px;}
.index_banner .gallery-thumbs dl dt{ font-size: 24px; margin-top: 20px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index_banner .gallery-thumbs dl dd{ opacity: 0.5; margin-top: 10px;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.index_banner .gallery-thumbs .swiper-container{width: 565px;z-index: 1; overflow: inherit; float: right; margin-top: 22px; margin-right: 15px;}
.index_banner .gallery-thumbs .swiper-wrapper{width: 100%;}
.index_banner .gallery-thumbs .swiper-slide{width: 132px;height: 80px;opacity:0.3; background-size: 100% 100%; border-radius: 5px;}
.index_banner .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border: solid 3px #c31212;box-sizing: border-box;}
.index_banner .gallery-thumbs .swiper-slide-thumb-active:before{ content:""; width:0; height:0; position: absolute; top: -12px; margin-left: -8px; left: 50%; border-right:solid 9px transparent; border-left:solid 9px transparent; border-bottom:solid 9px #C31212;} 

.index_title{width:100%; height: 38px; margin-top: 34px; font-size: 14px; float: left;}
.index_title .title{float: left; width: 198px; height: 38px; display: block;}
.index_title ul{float: left; margin-left: 80px; margin-top: 8px;}
.index_title ul li{float: left; margin-right: 30px; line-height: 26px; cursor: pointer; line-height: 24px;}
.index_title ul li.on{border-bottom:solid 2px #c31212; color: #c31212; box-sizing: border-box;}
.index_title ul li:hover{color: #c31212;}
.index_title .more{float: right; color: #666; line-height: 38px; background: url(../images/icon8.png) no-repeat right; padding-right: 20px;}
.index_title .more:hover{color: #c31212;background: url(../images/icon8on.png) no-repeat right;}

.index_Newbook{height: 670px;}
.index_Newbook .list li{ float: left; margin-right: 24px; margin-top: 26px; width: 282px; height: 250px; background: #fff; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_Newbook .list li:nth-child(4n){ margin-right: 0;}
.index_Newbook .list li .pic{width: 100%; height: 175px; overflow: hidden; border-bottom: solid 1px #efefef; float: left;}
.index_Newbook .list li .pic img{width: 100px; height: 145px;transition: 0.3s ease-out; display: block; margin: 15px auto;}
.index_Newbook .list li dl{padding: 0 15px; float: left; width: 252px;}
.index_Newbook .list li dl dt{font-size: 16px; line-height: 16px; margin-top: 18px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index_Newbook .list li dl dd{color: #999; margin-top: 12px; line-height: 12px;}
.index_Newbook .list li dl dd span{color: #c31212;}
.index_Newbook .list li dl dd .left{float: left;}
.index_Newbook .list li dl dd .right{float: right;}
.index_Newbook .list li:hover{ box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 20%);}
.index_Newbook .list li:hover .pic img{transform: scale(1.05);}

.index_Newcourse{height: 670px; background: #f5f5f5;}
.index_Newcourse .list li{ float: left; margin-right: 24px; margin-top: 26px; width: 282px; height: 250px; background: #fff; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_Newcourse .list li:nth-child(4n){ margin-right: 0;}
.index_Newcourse .list li .pic{width: 100%; height: 177px; overflow: hidden; border-bottom: solid 1px #efefef; float: left;}
.index_Newcourse .list li .pic img{width: 100%; height: 177px;transition: 0.3s ease-out; display: block;}
.index_Newcourse .list li dl{padding: 0 15px; float: left; width: 252px;}
.index_Newcourse .list li dl dt{font-size: 16px; line-height: 16px; margin-top: 16px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index_Newcourse .list li dl dd{color: #999; margin-top: 12px; line-height: 12px;}
.index_Newcourse .list li:hover{ box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 20%);}
.index_Newcourse .list li:hover .pic img{transform: scale(1.05);}

.index_Newproject{height: 510px;}
.index_Newproject dl.list{float: left; width: 588px; height: 177px; margin-right:24px; margin-top: 26px; background: #fff; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_Newproject dl.list:nth-child(2n){ margin-right: 0;}
.index_Newproject dl.list dt{width: 280px; height: 177px; overflow: hidden; float: left;}
.index_Newproject dl.list dt img{width: 100%; height: 177px;transition: 0.3s ease-out; display: block;}
.index_Newproject dl.list dd{padding: 0 20px;float: left;width: 265px;}
.index_Newproject dl.list dd .biaoti{font-size: 16px; line-height: 22px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; margin-top: 18px; margin-bottom: 12px;}
.index_Newproject dl.list dd .info{color: #999; line-height: 22px;}
.index_Newproject dl.list dd button{width: 110px; height: 32px; line-height: 32px; border-radius: 3px; border: solid 1px #c31212; cursor: pointer; margin-right: 10px; margin-top: 20px;}
.index_Newproject dl.list dd button.but1{background: linear-gradient(90deg, #b41919 0%, #e83939 100%); color: #fff; font-weight: bold;}
.index_Newproject dl.list dd button.but2{background: #fefefe; color: #c31212;}
.index_Newproject dl.list:hover{ box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 20%);}
.index_Newproject dl.list:hover dt img{transform: scale(1.05);}

.index_teacher{height: 366px; background: #f5f5f5;}
.index_teacher .list li{float: left; width: 209px; height: 230px; overflow: hidden; margin-right: 38px; margin-top: 30px; position: relative;}
.index_teacher .list li:nth-child(5n){ margin-right: 0;}
.index_teacher .list li img{width: 100%; height: 100%;transition: 0.3s ease-out; display: block;}
.index_teacher .list li dl{height: 84px;width: 175px; padding: 0 17px; color: #fff; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0;}
.index_teacher .list li dl dt{font-size: 16px; margin-top: 8px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index_teacher .list li dl dd{font-size: 12px; margin-top: 5px; line-height: 22px;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.index_teacher .list li:hover img{transform: scale(1.05);}

.index_service{height:314px;}
.index_service .list li:nth-child(4n){ margin-right: 0;}
.index_service .list li{ float: left; text-align: center; border-top: solid 4px #c31212; margin-right: 24px; margin-top: 28px; width: 282px; height: 173px; background: #fff; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_service .list li em{width: 57px; height: 49px; display: block; margin: 31px auto 0 auto;}
.index_service .list li em.em1{background: url(../images/icon9.png) no-repeat;}
.index_service .list li em.em2{background: url(../images/icon10.png) no-repeat;}
.index_service .list li em.em3{background: url(../images/icon11.png) no-repeat;}
.index_service .list li em.em4{background: url(../images/icon12.png) no-repeat;}
.index_service .list li label{color: #171717; font-size: 20px; margin-top: 15px; margin-bottom: 10px; width: 100%;float: left;display: block;}
.index_service .list li p a{color: #666666; font-size: 14px; margin:0px 8px;}
.index_service .list li:hover{ background: #c31212; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 20%);}
.index_service .list li:hover em.em1{background: url(../images/icon9on.png) no-repeat;}
.index_service .list li:hover em.em2{background: url(../images/icon10on.png) no-repeat;}
.index_service .list li:hover em.em3{background: url(../images/icon11on.png) no-repeat;}
.index_service .list li:hover em.em4{background: url(../images/icon12on.png) no-repeat;}
.index_service .list li:hover label{color: #fff;}
.index_service .list li:hover p a{color: #fff;}

.index_activity{height: 440px;}
.index_activity .list{width: 385px; float: left; margin-right: 22px;}
.index_activity .list:last-child{margin-right: 0;}
.index_activity .list dt{height: 20px; line-height: 20px; margin-top: 28px; border-left: solid 3px #c31212; padding-left: 12px; font-size: 16px;}
.index_activity .list dd{ float: left; margin-right: 24px; margin-top:18px; width: 385px; height: 276px; background: #fff; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_activity .list dd .pic{width: 100%; height:195px; overflow: hidden;}
.index_activity .list dd .pic img{width: 100%; height: 100%;transition: 0.3s ease-out; display: block;}
.index_activity .list dd .info{line-height: 22px; padding: 15px;}
.index_activity .list dd .name{font-size: 16px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index_activity .list dd .time{ color: #999;}
.index_activity .list dd:hover{ box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 20%);}
.index_activity .list dd:hover img{transform: scale(1.05);}

.index_customer{height: 352px;}
.index_customer .list{margin-top: 32px;}
.index_customer .list a{width: 227px; overflow: hidden; margin-top: 13px; margin-right: 16px; height: 64px; float: left; box-shadow: 0px 1px 10px 0px rgb(41 67 48 / 10%);}
.index_customer .list a:nth-child(5n){ margin-right: 0;}
.index_customer .list a img{display: block;transition: 0.3s ease-out;}
.index_customer .list a:hover img{transform: scale(1.05);}

.index_data{height:252px;}
.index_data .text{float: left; margin-right: 130px; margin-top: 27px;font-size: 14px;}
.index_data .text:last-child{margin-right: 0;}
.index_data .text p{font-size: 30px; color: #c31212; font-weight: bold;}





.denglualertbg{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 1; display: none;}
.denglualert{width: 800px; height: 456px; background: #fff; border-radius: 15px; position: fixed;transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 2; display: none;}
.denglualert .close{width:14px; height: 14px; background: url(../../images/icon7.png) no-repeat center; padding: 10px; cursor: pointer; float: right; margin: 16px 8px 2px 0;}
.denglualert_left{width: 320px; margin-left: 40px; float: left;}
.denglualert_left .title{color: #000000; font-size: 20px; text-align: center;}
.denglualert_left ul{margin-top: 20px;}
.denglualert_left .text{width: 100%; height:41px; border-radius: 41px; border:solid 1px #b5b5b5; margin-top: 20px; line-height: 41px; font-size: 14px; text-indent: 44px;background-repeat: no-repeat; background-position:20px center;}
.denglualert_left .text.icon1{background-image: url(../../images/icon8.png); }
.denglualert_left .text.icon2{background-image: url(../../images/icon9.png); }
.denglualert_left .button{width: 100%; height:43px; border-radius: 43px; border:0; margin-top: 28px; line-height: 43px; font-size: 14px; text-align: center; font-size: 20px; color: #fff;background: linear-gradient(to right,rgba(208,0,0,1), rgba(255,0,0,1)); cursor: pointer;}
.denglualert_left .button:hover{background: linear-gradient(to right,rgba(208,0,0,0.8), rgba(255,0,0,0.8)); }
.denglualert_left a{color: #727171; font-size: 14px; margin-top: 20px; float: right;}
.denglualert_xian{ width: 2px; height: 290px; background: #bfbfbf; float: left; margin-left: 40px; margin-top: 6px;}
.denglualert_right{width: 280px; margin-left: 60px; float: left;}
.denglualert_right .title{ width: 100%; height: 26px; border-bottom: solid 1px #a6a6a6;}
.denglualert_right .title span{ background: #fff; height: 18px; width: 100px; font-size: 18px; text-align: center; display: inline-block; margin: 15px 90px;}
.denglualert_right .ewm{display: block; margin: 25px auto 15px auto; width: 180px; height: 180px;}
.denglualert_right .info{color: #595757; font-size: 14px; text-align: center;}

.Forgetpasswordalertbg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5);  z-index: 1;}
.Forgetpasswordalert{width: 800px; height: 464px; background: #fff; border-radius: 15px; position: fixed;transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 2;}
.Forgetpasswordalert .title{height: 68px; text-align: center; line-height: 85px; overflow: hidden; position: relative; color: #000000; border-bottom: solid 1px #dadada; font-size: 20px;}
.Forgetpasswordalert .close{width: 14px; height: 14px; padding: 10px; background: url(../../images/icon7.png) no-repeat center; position: absolute; cursor: pointer; position: absolute; right: 10px; top: 13px;}
.Forgetpasswordalert dl dt{width: 139px; height: 139px; margin:54px auto;}
.Forgetpasswordalert dl dd{text-align: center; font-size: 16px; color: #000000; line-height: 30px;}
.Forgetpasswordalert dl dd a{color: #f70000;}
.Forgetpasswordalert ul{width: 320px; margin:0 auto; padding-top: 10px;}
.Forgetpasswordalert ul li{width: 100%; height: 44px; margin-top:24px; position: relative;}
.Forgetpasswordalert ul li img{width: 36px; height: 42px; position: absolute; left: 0; top: 0;}
.Forgetpasswordalert ul li .text{width: 318px; height: 42px; line-height: 42px; border: solid 1px #b5b5b5; border-radius: 10px; text-indent: 36px; font-size: 14px;}
.Forgetpasswordalert ul li .but{padding:0 10px; display: block; height: 32px; border-radius: 8px; position: absolute; top: 5px; right: 5px; background: #ff0000; color: #fff !important; font-size: 14px;}
.Forgetpasswordalert ul li .but.disabled{ background:rgba(0,0,0,0.12); color:rgba(0,0,0,0.56);}
.Forgetpasswordalert ul li .but:hover{opacity: 0.8;}
.Forgetpasswordalert ul li .button1{width:318px; height: 44px; text-align: center; font-size: 20px; color: #fff; background: #ff0000; border: 0; line-height: 44px; border-radius: 10px;cursor: pointer; margin-top: 10px;}
.Forgetpasswordalert ul li .button1:hover{opacity: 0.8;}